<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
     <title>Index DOT Css: Index Page</title>
     <meta name="description" content="Index DOT Css is a complete reference
           to Css: The properties, the syntax, the history, and the browsers. 
           If you need to know something about CSS, this is where you will find the answers.">
     <meta name="keywords" content="css, css1, css2, style, style sheet, 
           stylesheet, cascading style sheets, browser history, browsers, Internet Explorer, 
           Mosaic, Mozilla, Netscape, Opera, design, site creation, site design, 
           layout, reference, tags, html, xhtml, authoring, html history, wilbur, 
           cougar, html 2.0, html 3.2, html 4.0, xhtml 1.0, xhtml 1.1, hypertext markup language, 
           hypertext, resource, material, help, frequently asked questions, 
           FAQ, examples, tips, charts, compatibility, web standards, web development, 
           dhtml, script, frames, tables, positioning, layers">

     <link rel="stylesheet" type="text/css" href="../ss/2.css" id="thecss">

<script type="text/javascript" src="../scripts/csschange.js"></script>
<script type="text/javascript" src="../scripts/search.js"></script>
<script type="text/javascript">
function preload()
{
if (document.images)
   { img1=new Image();
     img1.src="../images/plushi.gif";
     img2=new Image();
     img2.src="../images/minushi.gif";
   }
}
function swapIt(imgName,loc)
{
if (document.images)
   { eval ("document.images[imgName].src = '../images/" + loc + ".gif'"); }
return true;
}
</script>

</HEAD>

<BODY onload="readSS();preload();setSearchRoot();">

<map name="tab">
<area shape="rect" coords="16,4,137,27" href="../html/index.html"
      alt="[link to Index DOT Html]" title="[link to Index DOT Html]">
</map>

<map name="navbar">
<area shape="rect" coords="0,0,142,52" href="../setcss.htm" title="Change the stylesheet for the site">
<area shape="rect" coords="143,0,260,52" href="../misc/donate.htm" title="Donate: Support the site">
<area shape="rect" coords="261,0,350,52" href="../misc/discuss.htm" title="Chat/Discussion forums">
</map>

<form method="GET" action="http://www.google.com/custom">
<div align="center">
<table cellpadding=0 cellspacing=0 class="ltop">
<tr>
    <th>&#160;&#160;&#160;&#160;&#160;&#160;</th>
    <th nowrap><div class="indexsitetitle"><big>Index&#160;&#160;D O T&#160;&#160;Css</big></div>
    <div class="reallysmall">T h e&#160;&#160;A d v a n c e d&#160;&#160;C 
    S S&#160;&#160;R e f e r e n c e</div></th>
    <th class="ltdvdr">&#160;&#160;&#160;&#160;</th>
    <th rowspan=2>
    <table cellpadding=0 cellspacing=0 width="350">
    <tr><td colspan=2 bgcolor="#cccccc"><img src="../images/toolbartop.jpg" height="52" 
        width="350" usemap="#navbar" border=0></td></tr>
    <tr><td bgcolor="#cccccc"><input type=image src="../images/toolbarbl.jpg" height="48" 
            width="150" border=0 title="[Search now]"></a></td>
        <td bgcolor="#cccccc" align=left><input type=text name=q size=18 maxlength=255 class="srchbox">
            <input type=hidden name=domains value="www.blooberry.com"> <input type=hidden 
            name="sitesearch" value="www.blooberry.com"></td></tr>
    </table></th>
</tr>
<tr>
<th>&#160;&#160;&#160;&#160;</th>
<th class="lbot">By <a href="../misc/email.htm">Brian Wilson</a> Last Update: Oct. 1 2003</th>
<td class="lbdvdr">&nbsp;</td>
</tr>
</table>
</div>

<br><br>
<div align="center">
<table cellpadding=0 cellspacing=0 border=0>
<tr>
    <td align=left valign=bottom><img src="../images/csstab.gif" width="335" 
        height="28" border=0 usemap="#tab"></td>
    <td rowspan=2>&#160;&#160;</td>
    <td>&#160;</td>
</tr>
<tr>
    <td valign=top>
    <table class="mainbox" cellspacing=0><tr><td>
    <table border=0 cellspacing=0>
    <tr>
        <th align=left valign=bottom class="field" nowrap>&#160;<big><u
            class="colheaders"><b>CSS&#160;Language</b></u></big>&#160;</th>
        <td rowspan=2>&#160;&#160;</td>
        <th align=left valign=bottom class="field" nowrap>&#160;<big><u
            class="colheaders"><b>Historical&#160;Information</b></u></big>&#160;</th>
    </tr>

       <tr>
         <td valign=top nowrap>
             &#160;<a href="index2.htm" onmouseover="swapIt('p1','plushi');"
             onmouseout="swapIt('p1','plus');"><img src="../images/plus.gif" name="p1"
             width="20" height="20" align="top" border=0 alt="[expand]"></a>
             <b class="subheading"><a href="propindex/font.htm">Property&#160;Index</a></b><br>
             &#160;<a href="index10.htm" onmouseover="swapIt('p15','plushi');"
             onmouseout="swapIt('p15','plus');"><img src="../images/plus.gif" name="p15"
             width="20" height="20" align="top" border=0 alt="[expand]"></a>
             <b class="subheading"><a href="syntax/selectors/selectors.htm">Selectors</a></b><br>
             &#160;<a href="index3.htm" onmouseover="swapIt('p2','plushi');"
             onmouseout="swapIt('p2','plus');"><img src="../images/plus.gif" name="p2"
             width="20" height="20" align="top" border=0 alt="[expand]"></a>
             <b class="subheading"><a href="syntax/syntax.htm">CSS&#160;Syntax</a></b><br>
             &#160;<a href="index4.htm" onmouseover="swapIt('p3','plushi');"
             onmouseout="swapIt('p3','plus');"><img src="../images/plus.gif" name="p3"
             width="20" height="20" align="top" border=0 alt="[expand]"></a>
             <b class="subheading"><a href="index4.htm">CSS&#160;Topics</a></b><br></td>
         <td valign=top nowrap>
             &#160;<a href="index5.htm" onmouseover="swapIt('p4','plushi');"
             onmouseout="swapIt('p4','plus');"><img src="../images/plus.gif" name="p4"
             width="20" height="20" align="top" border=0 alt="[expand]"></a>
             <b class="subheading"><a href="supportkey/syntax.htm">CSS&#160;Support&#160;History</a></b><br>
             &#160;<a href="index6.htm" onmouseover="swapIt('p5','plushi');"
             onmouseout="swapIt('p5','plus');"><img src="../images/plus.gif" name="p5"
             width="20" height="20" align="top" border=0 alt="[expand]"></a>&#160;<b
             class="subheading"><a href="../history/css.htm">CSS&#160;Spec&#160;History</a></b><br>
             &#160;<a href="index7.htm" onmouseover="swapIt('p6','plushi');"
             onmouseout="swapIt('p6','plus');"><img src="../images/plus.gif" name="p6"
             width="20" height="20" align="top" border=0 alt="[expand]"></a>
             <b class="subheading"><a href="../history/browsers.htm">Browser&#160;History</a></b><br></td>
         </tr>

         <tr><td colspan=3><hr size=1 width="85%"></td></tr>

    <tr>
        <th align=left valign=bottom class="field" nowrap>&#160;<big><u
            class="colheaders"><b>Site&#160;Information</b></u></big>&#160;</th>
        <td rowspan=2>&#160;&#160;</td>
        <th align=left valign=bottom class="field" nowrap>&#160;<big><u
            class="colheaders"><b>General&#160;Information</b></u></big>&#160;<br></th>
    </tr>

         <tr>
             <td valign=top nowrap><small class="smalltext">
             &#160;<a href="index9.htm" onmouseover="swapIt('p8','plushi');"
             onmouseout="swapIt('p8','plus');"><img src="../images/plus.gif" name="p8"
             align="top" border=0 alt="[expand]"></a>&#160;<a
             href="index9.htm">More&#160;About&#160;The&#160;Site...</a><br>

             &#160;&#160;&#160;&#183;&#160;&#160;&#160;<a
             href="../misc/downloads.htm">Downloads</a>&#160;|&#160;<a
             href="../misc/mirrors.htm">Mirrors</a><br></small></td>

             <td valign=top nowrap><small class="smalltext">
             &#160;&#160;&#160;&#183;&#160;&#160;&#160;<a href="topics/related.htm">Related CSS Links</a><br>
             &#160;&#160;&#160;&#183;&#160;&#160;&#160;<a href="topics/stylefaq.htm">CSS FAQ</a><br>
             &#160;&#160;&#160;&#183;&#160;&#160;&#160;<a href="examples/examples.htm">CSS Examples</a><br>
             &#160;&#160;&#160;&#183;&#160;&#160;&#160;<a href="syntax/generalbugs.htm">General CSS Bugs</a><br></small></td>
       </tr>
       </table>
   </td></tr>
   </table></td>
   
   <td rowspan=2 valign=top align=left>
   <table border=0 cellspacing=1 cellpadding="3" class="sidebarbox">
   <tr><th class="field"><big><b class="colheaders">What's New</b></big> 
       <span class="sidebar">[<a href="../misc/new.htm">more...</a>]</span></th></tr>

   <tr>
    <td><table cellpadding="0" cellspacing="0">
        <tr><td colspan="3" class="sidebar"><b class=alert2>Latest Browsers:</b></td></tr>
        <tr><td class="sidebar"><b>&#160;&#160;&#183;&#160;Firefox:</b></td><td class="sidebar">&nbsp;1.0.4</td><td class="sidebar">&nbsp;[May '05]</td></tr>
        <tr><td class="sidebar"><b>&#160;&#160;&#183;&#160;IE:</b></td><td class="sidebar">&nbsp;6SP1</td><td class="sidebar">&nbsp;[Sep '02]</td></tr>
        <tr><td class="sidebar"><b>&#160;&#160;&#183;&#160;Mozilla:</b></td><td class="sidebar">&nbsp;1.7.8</td><td class="sidebar">&nbsp;[May '05]</td></tr>
        <tr><td class="sidebar"><b>&#160;&#160;&#183;&#160;Opera:</b></td><td class="sidebar">&nbsp;8.01</td><td class="sidebar">&nbsp;[Jun '05]</td></tr>
        <tr><td class="sidebar"><b>&#160;&#160;&#183;&#160;Safari:</b></td><td class="sidebar">&nbsp;2.0</td><td class="sidebar">&nbsp;[Apr '05]</td></tr>
        </table>
        <hr>
        <span class="sidebar"><b class="alert2">Major Updates:</b><br>
        &#160;&#183;&#160;All HTML/CSS support grids updated<br>
        &#160;&#183;&#160;All browser/standards histories updated<br>
        &#160;&#183;&#160;Added/fixed/clarified 100's of issues<br>&#160;&#160;&#160;from reader emails
        <!--#include virtual="../othernews.txt" -->
        </span>
        </td>
    </tr>
   </table>
    </td>
</tr>
</table>
</div>
</form>

<br><br>

</BODY>
</HTML>
